<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Cache-Control" content="no-siteapp" />
 <link th:href="@{/erp/assets/css/bootstrap.min.css}" rel="stylesheet" />
        <link rel="stylesheet" th:href="@{/erp/css/style.css}"/>
        <link th:href="@{/erp/assets/css/codemirror.css}" rel="stylesheet">
        <link rel="stylesheet" th:href="@{/erp/assets/css/ace.min.css}" />
        <link rel="stylesheet" th:href="@{/erp/assets/css/font-awesome.min.css}" />
		<link rel="stylesheet" th:href="@{/erp/font/css/font-awesome.min.css}" />
         <!--[if IE 7]>
    <link rel="stylesheet" th:href="@{/erp/assets/css/font-awesome-ie7.min.css}"/>
    <![endif]-->
        <!--[if lte IE 8]>
    <link rel="stylesheet" th:href="@{/erp/assets/css/ace-ie.min.css}"/>
    <![endif]-->
  <script th:src="@{/erp/js/jquery-1.9.1.min.js}"></script>
        <script th:src="@{/erp/assets/js/bootstrap.min.js}"></script>
  <script type="text/javascript" th:src="@{/erp/Widget/Validform/5.3.2/Validform.min.js}"></script>
  <script th:src="@{/erp/assets/js/jquery.dataTables.min.js}"></script>
  <script th:src="@{/erp/assets/js/jquery.dataTables.bootstrap.js}"></script>
  <script th:src="@{/erp/assets/js/typeahead-bs2.min.js}"></script>
        <script th:src="@{/erp/assets/layer/layer.js}" type="text/javascript" ></script>
        <script th:src="@{/erp/assets/js/jquery-ui-1.10.3.custom.min.js}"></script>
  <script th:src="@{/erp/assets/js/jquery.ui.touch-punch.min.js}"></script>
        <script th:src="@{/erp/assets/js/ace-elements.min.js}"></script>
  <script th:src="@{/erp/assets/js/ace.min.js}"></script>
  <script th:src="@{/erp/js/lrtk.js}" type="text/javascript" ></script>
     <script th:src="@{/erp/assets/laydate/laydate.js}" type="text/javascript"></script>
<title>订单排单</title> </head> <body>
 
<div class="margin clearfix">
 <div class="stystems_style">
  <div class="tabbable">
  <div class="page-content clearfix">
    <div id="Member_Ratings">
   
 <div class="tab-content"> 
  <div id="home" class="tab-pane active">    <div class="search_style">
      <form >
      <label class="l_f">选择排单：</label>
	 <select name='sldd' style='width:200px'>
		  <option value='' >选择排单</option>
		  <option value=''>按日期排单</option>
		  <option value=''>按产能排单</option>
	</select>
          <button  type="button" class="btn btn-primary" id="selectByOption">查询</button>
      </form>
   </div>
<table class="table table-striped table-bordered table-hover" id="sample-table">
  <thead>
   <tr>
    <th width="80">序号</th>
	<th width="150">订单编号</th>
	<th width="150">订单类型</th>
    <th width="150">生产计划编号</th>
    <th width="100">生产数量</th>
    <th width="120">开始生产日期</th>
    <th width="120">结束生产日期</th>
    <th width="100">备注</th>        
    <th width="100">状态</th>
    <th width="100">操作</th>    
   </tr>
  </thead>
 <tbody>

       
      </tbody>
 </table>
</div>
</div>
 <div style="position: absolute;right: 85px;">
 
  <br/>
  <br/>
  <br/>
  <br/>
 </div>
        <!--发货图层-->
        <div class="add_menber" id="add_menber_style" style="display:none">

            <ul class=" page-content">
                <li><label class="label_name">订单编号：</label><span class="add_name"><input   type="text" value="" class="text_add" id="order_id"/></span><div class="prompt r_f"></div></li>
                <li><label class="label_name">生产线：</label><span class="add_name">
                    <select name='sldd' id="sldd"  style='width:200px'>
                      <option value='' selected>请选择</option>
                      <option value='1'>生产线1号</option>
                      <option value='2'>生产线2号</option>
                      <option value='3'>生产线3号</option>
                      <option value='4'>生产线4号</option>
    </select></span><div class="prompt r_f"></div></li>
                <div class="prompt r_f"></div>
                </li>
                <li><label class="label_name">生产编号：</label><span class="add_name"><input  name="" type="text"  class="text_add" id="productPlanNo"/></span><div class="prompt r_f"></div></li>
</span><div class="prompt r_f"></div></li>
                <li><span class="add_name" style="color:red">注意：设定的生产时必须按期生产。</span></li>
            </ul>
        </div>

 </div>
  </div>
  </div>
 </div>
</div>
</body>
</html>
<script>
    jQuery(function($) {

        var oTable
        oTable = $('#sample-table').DataTable( {
           "serverSide": true,
         "aaSorting": [
                [ 1, "desc"
                ]
                      ],//默认第几个排序
          "bStateSave": true,//状态保存
         "aoColumnDefs": [
                         //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
                 {"orderable":false,"aTargets":[0,8,9]}// 制定列不参与排序
                         ] ,
           "ajax": {
               "url": '/order/pages',
               "type": 'GET',
               "dataSrc": 'data',
               "data": function (message) {

                var data = $('form').serialize();   //获取查询条件

                //获取分页信息
                var pages = {
                    start: message.start,

                    length: message.length,
                };
                data = data + '&' + $.param(pages);
                return data;

            }
        },
        "columns": [
            {"data": "id"},
            {"data": "orderId"},
            {"data": "orderType"},
            {"data": "productPlanNo"},
            {"data": "sum"},
            {"data": "productPlanTime"},
            {"data": "productPlanOvertime"},
            {"data": "explain"},
            {"data": "orderStatus"},
            {
                "data": "orderStatus", "createdCell": function (td, cellData, rowData, row, col) {
                    if(cellData == '未排单'){
                        $(td).empty().append('<a id="arrangement"  title="排单" onclick="member_fh(this)" class="btn btn-xs btn-info" ><i class="bigger-10" style="fout-size:5">设置排单</i></a>');
                    }

                }
            },

        ]

    });

       $("#selectByOption").on('click',function () {
           // oTable.fnUpdate();
           oTable.ajax.reload();
           return false;
       })




    $('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
    function tooltip_placement(context, source) {
     var $source = $(source);
     var $parent = $source.closest('table')
     var off1 = $parent.offset();
     var w1 = $parent.width();

     var off2 = $source.offset();
     var w2 = $source.width();

     // if( parseInt(off2.left) < parseInt(off1.left) + (parseInt(w1 / 2) ) return 'right';
     return 'left';

    }

        window.oTable=oTable;

   })

    /*发货*/
    function member_fh(id){
        console.log(id)
        var orderId = $(id).parent().parent().children("td:eq(1)").text();
        console.log(orderId)
        $("#order_id").val(orderId);

        layer.open({
            type: 1,
            title: '确认排单',
            maxmin: true,
            shadeClose:false, //点击遮罩关闭层
            area : ['800px' , ''],
            content:$('#add_menber_style'),
            btn:['确认','取消'],
            yes:function(index,layero){

                var sldd = $('#sldd').val();
                var productPlanNo = $('#productPlanNo').val();
                var productPlanTime = $('#productPlanTime').val();


                $.ajax({
                    url : "/order/arrangement?orderId="+orderId+"&sldd="+sldd+"&productPlanNo="+productPlanNo+"&productPlanTime="+productPlanTime,
                    type : 'get'
                    ,success : function (res) {
                            var num=0;
                            var str="";
                            $(".add_menber input[type$='text']").each(function(n){
                                if($(this).val()=="")
                                {

                                    layer.alert(str+=""+$(this).attr("name")+"不能为空！\r\n",{
                                        title: '提示框',
                                        icon:0,
                                    });
                                    num++;
                                    return false;
                                }
                            });
                        if(num>0){  return false;}
                        else{
                            layer.alert('排单成功！',{
                                title: '提示框',
                                icon:1,
                            });
                            layer.close(index);
                            // oTable.fnUpdate();
                            oTable.ajax.reload();
                            return false;
                        }


                    },
                    error : function (res) {
                        layer.alert("排单失败：" + res.data);
                    }
                })






            }
        });
    }


        //弹出层字段失去焦点
        // function getToAdd() {
        //
        //     var orderId = $("#arrangement").parent().parent().children("td:eq(1)").text();
        //     console.log(orderId);
        //
        //     var orderId = $(eq).parent().parent().children("td:eq(1)").text();
        //     $("#order_id").val(orderId);
        //
        //     // $.ajax({
        //     //     type: "GET",
        //     //     url: "/order/orderAdd?orderId="+orderId
        //     //     ,dataType:'json'
        //     //
        //     //     ,success : function (msg) {
        //     //
        //     //         console.log(msg);
        //     //         console.log(msg.order.orderId);
        //     //         // $("orderId").val(msg.order.orderId);
        //     //         document.getElementById("orderId").value = msg.order.orderId;
        //     //
        //     //
        //     //     }
        //
        //
        //
        //
        // // })
        // }


    /*用户-删除*/
    function member_del(obj,id){
     layer.confirm('确认要删除吗？',function(index){
      $(obj).parents("tr").remove();
      layer.msg('已删除!',{icon:1,time:1000});
     });
    }
     laydate({
        elem: '#start',
        event: 'focus'
    });
    laydate({
        elem: '#end',
        event: 'focus'
    });
    //时间
     laydate({
        elem: '#start',
        event: 'focus'
        });
    </script>
